/**
* element-ui 样式重写
**/

/*弹窗样式重写*/
.el-dialog {
  .el-dialog__header {
    border-bottom: 1px solid #f1f1f1;
    padding-top: 14px;
    padding-bottom: 14px;

    .el-dialog__title {
      font-size: 16px;
      color: #333333;
      font-weight: 500;
    }

    .el-dialog__headerbtn {
      top: 16px;
    }
  }

  .el-dialog__footer {
    text-align: center;

    .el-button + .el-button {
      margin-left: 20px;
    }
  }
}

/*
修复el日历区间组件的“至”字的元素被压缩只能显示一部分的问题*/
.el-date-editor{
  .el-range-separator {
    box-sizing: content-box;
  }
}

/*
下拉框弹出下拉样式重写*/
.el-select-dropdown.el-popper{
  /*限制下拉框弹出的最大宽度*/
  max-width: 400px;
}

//文字按钮颜色根据状态展示
.el-button.is-link {
  &.yt-btn-color-not-allow {
    color: var(--yt-btn-color-not-allow);
  }

  &.yt-btn-color-yes {
    color: var(--yt-btn-color-yes);
  }

  &.yt-btm-color-warning {
    color: var(--yt-btm-color-warning);
  }

  &.yt-btn-color-danger {
    color: var(--yt-btn-color-danger);
  }
}


/*重写messageBox的confirm消息提示框底部按钮的位置*/
.el-message-box{
  .el-message-box__btns{
    display:flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }

  .el-button{
    margin-left:10px;
    margin-right:0;
  }
}